<article>
    <h1>
        <?php echo $GLOBALS['title'] ?>
    </h1>
    <h2>
    	<a>
    		HTML页面主体结构
    	</a>
    </h2>
    <pre>
    		<code>
    		<?php echo htmlspecialchars('
<html>
	<head>
		<!–- 对html文档进行诠释、定义、描述不会显示在文档当中-->
	</head>
	<body>
		<!-– 对页面内容进行排版、编辑、显示在页面当中，是html页面的主体-->
	</body>
</html>') ?></code>
    </pre>
    <h2>
    	<a>
    		HTML语法结构
    	</a>
    </h2>
    <h4>标签</h4>
    <ul>
    	<li>标记符结束中的标记元素用尖括号括起来，带斜杠的元素表示该标  记结束，大多数标记符必须成对使用，以表示作用的起始和结束。</li>
    	<li>结束标记一定要以<code>"/"</code>结束，引号必须使用英文引号，标签之间不能交叉嵌套，例如<code><?php echo htmlspecialchars("<strong>学并思<li></strong></li>") ?></code>。
    </ul>
    <h4>属性</h4>
    <p>必须放在开始标签里面，属性可以为标签提供更多样化的特性。</p>
    <h4>元素</h4>
    <p>开始和结束标签连同包含在他们之间内容，我们通常叫做元素</p>
    <h2>
    	<a>
    		标签特性
    	</a>
    </h2>
    <ul>
    	<li>用两个尖括号括起来。</li>
    	<li>不区分大小写，但推荐采用小写</li>
    	<li>每个标签都是闭合的</li>
    	<li>同一标签可以同时拥有N个不同属性</li>
    </ul>
    <h2>
    	<a>
    		标签类型
    	</a>
    </h2>
    <h3>对标签</h3>
    <ul>
    	<li>包含起始标签和结束标签</li>
    	<li>内容写在对标签中间</li>
    	<li>属性写在起始标签尖括号内</li>
    	<li>例如<code><?php echo htmlspecialchars("<a href='http://www.daniuit.com'>学并思</a>") ?></code></li>
    </ul>
    <h3>单标</h3>
    <ul>
    	<li>只有一个由尖括号括的标签</li>
    	<li>属性直接写在标签尖括号内</li>
    	<li>例如<code><?php echo htmlspecialchars("<img src='ad.jpg' alt='学并思' />") ?></code></li>
    </ul>
    <h2><a>HTML注释</a></h2>
    <pre><code><?php echo htmlspecialchars("<!-- 注释内容 -->") ?>
    </code></pre>
    <p>
    	注释其实就是对代码的解释说明，在代码书写过程中合理运用  注释是十分有必要的。浏览器不会解析注释。说白了，注释是给人看的，不是给浏览  器看的。在<a href="">sulime Text</a> 中，用<code>Ctrl+?</code>可快速的注释。
    </p>
    <h2><a>头元素中的标签</a></h2>
    <pre><code>
<?php echo htmlspecialchars('
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>标题标签</title>
    <meta name="keywords" content="关键词，多个关键词用英文逗号隔开"/>
    <meta name="description" content="本篇网页的概述"/>
    <meta http-equiv="refresh"content="5;URL=index.htm"/>
    <!-- 在指定的时间内跳转到某个页面 -->
</head>') ?></code></pre>
    <h3>例子解释</h3>
    <ul>
        <li><code><?php echo htmlspecialchars('<meta http-equiv="Content-Type" content="text/html;charset=编码">') ?></code>
        编码设置
        </li>
        <li><code><?php echo htmlspecialchars('<title>') ?></code>标题标签，显示在浏览器标签中.</li>
        <li><code><?php echo htmlspecialchars('keywords') ?> </code>关键词，多个关键词用英文逗号隔开</li>
        <li><code><?php echo htmlspecialchars('description') ?> </code>本篇网页的概述，一段话，对  网站的进一步描述</li>
        <li><code><?php echo htmlspecialchars('http-equiv="refresh"') ?> </code>在指定的时间内跳转到某个页面</li>
    </ul>
    <h2><a>网页编码</a></h2>
    <p>是在网页中指定其特定的字符编码格式的库</p>
    <ul>常用字符编码
        <li><a>GBK</a> - 汉字内码扩展规范，兼容GB2312</li>
        <li><a>UTF-8</a> - 万国码（推荐）</li>
    </ul>
    <p>在网页中指定编码的方法：</p>
    <code><?php echo htmlspecialchars('<meta http-equiv="Content-Type" content="text/html;charset=编码">') ?></code>
    <h3>网页乱码解决方法</h3>
    <p>网页需要设置正确的编码格式才能在各浏览器中正常显示，但难免会  遇到页面乱码的情况。</p>
    网页编码可以理解为两部分：
    <ul>
        <li>①head头部设置的编码</li>
        <li>②网页文件本身的编码</li>
    </ul>
    <p>如果要调整乱码页面，请务必使用editplus等编辑器，最好不要用  sublime
</p>
    <p>解决乱码也很简单，只需要将两部分编码保持一致即可。</p>
    <h2><a>body元素中的标签</a></h2>
    <p><code><?php echo htmlspecialchars("<body> </body>") ?></code>中放置的是网页中的主体，表示网页的主体部分，  通俗的说也就是用户可以看到的内容，可以包含文本、  图片、音频、视频等各种内容！</p>
    <h2><a>常用字体效果标签</a></h2>
    <pre>
        <code>
            <?php echo htmlspecialchars('   
    <h1>标题字(最大)</h1>
    <h6>标题字(最小)</h6>
    <strong>粗体字</strong>
    <em>斜体字</em>
    <span>无意义的文字标签 </span>
    <u>添加下划线</u>') ?>
        </code>
    </pre>
    <p>效果如下：</p>
    <blockquote>
        <p>
            <h1>标题字(最大)</h1>
            <h6>标题字(最小)</h6>
            <strong>粗体字</strong><br>
            <em>斜体字</em><br>
            <span>无意义的文字标签 </span><br>
            <u>添加下划线</u>
        </p>
    </blockquote>


</article>